<template>
  <div class="goods">
    <div class="head">
      <slot name="head"></slot>
    </div>
    <div class="bottom">
      <slot name="bottom"></slot>
    </div>
  </div>
</template>
<style>
.goods {
  width: 45%;
  height: 250px;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  position: relative;
  float: left;
  display: flex;
  flex-flow: column;
  overflow: hidden;
}
.goods .head {
  width: 100%;
  height: 140px;
}
.goods img {
  width: 100%;
  height: 140px;
}
.goods .bottom {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
}
</style>